<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>hey</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="shortcut icon" href="imgs/SmallImgs/favicon.ico">
</head>
<body>
<header class="main-header">
    <a href="" class="logo-holder">
        <img src="imgs/SmallImgs/logo.png" alt="">
    </a>
    <div class="open-button">
        <img src="imgs/SmallImgs/menu_icon.svg" alt="">
    </div>
    <div class="show-share">
        <img src="imgs/SmallImgs/share.png" alt="">
    </div>
</header>
<div class="overlay">
    <div class="car-img">
        <img src="imgs/BigImg/slideshow1.jpg" alt="">
        <a href="#" class="aLeft">&lt;</a><a class="aRight" href="#">&gt;</a>
    </div>
    <div class="overlay-container">
        <p>this is my wedsite</p>
        <h2>welcome</h2>
        <h3>My name is wang . I creat web and graphic design</h3>
        <a href="#"><span>My Portfolio</span></a>
    </div>
    <div class="img-change"></div>
</div>
<footer class="main-footer">
    <a href="#" class="mail-link"></a>
    <div class="footer-social">
        <ul>
            <li class="circle-of-friends"><a href="#"></a></li>
            <li class="wechat"><a href="#"></a></li>
            <li class="qq"><a href="#"></a></li>
            <li class="weibo"><a href="#"></a></li>
            <li class="zfb"><a href="#"></a></li>
            <li class="qq-zone"><a href="#"></a></li>
        </ul>
    </div>
    <div class="copyright">
    <p>
       ©&nbsp;Cooper&nbsp;2017&nbsp;|&nbsp;All&nbsp;rights&nbsp;reserved</p></div>
</footer>
<nav class="scroll-nav fl-wrap">
    <ul>
        <li><a href="#" class="scroll-link fbgs act-link" >about</a></li>
        <li><a href="#" class="scroll-link fbgs act-link">resume</a></li>
        <li><a href="#" class="scroll-link fbgs act-link">services</a></li>
        <li><a href="#" class="scroll-link fbgs act-link">skills</a></li>
        <li><a href="#" class="scroll-link fbgs act-link">clients</a></li>
    </ul>
</nav>
<div class="about">
    <h1>about me</h1>
    <p>Asunt in anim uis ante irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
<span class="yellow"></span>
</body>
</html>


































